import { createRouter,createWebHistory,createWebHashHistory } from "vue-router";
//分别导入组件
import Home from'@/pages/Home.vue';
import About from "@/pages/About.vue";
import News from "@/pages/News.vue";
import Detail from "@/pages/Detail.vue";

// 关于export导出
// 1. 默认导出export default语法 => 把整个实体全部导出,在引入的时候不需要加{}
//2.  命名导出 ,比如export const a = 10,引入的时候,必须加{}
export const a = 10;
//创建路由对象
export const router = createRouter({
    history:createWebHistory(),//history模式和hash模式
    //配置路由的规则
    //key-路径映射到对应的组件
    routes:[
        {
            //路由的重定向
            path:'/',
            // redirect:'/about'   //字符串写法
            // redirect:{path:'/about'} // 对象写法
            redirect:{name:'abouts'} //命名路由-对象写法
        },
        {
        path:'/home',
        //命名路由
        name:'homes',
        component:Home
    },{
        path:'/about',
        name:'abouts',
        components:{ab:About}
    },{
        path:'/news',
        name:'news',
        component:News,
        //子路由组件
        children:[{
            name:'detail',
            path:'detail',//此处不需要写/
            component:Detail
        }]
    }]
})
//router需要暴露出去
//export default router